<template>
	<div class="login-top">
		<van-nav-bar
		  :title="middleTop"
		  @click-left=""
		  @click-right=""
		>
		<template #left v-if="isLeft">
			<slot name="left" />
		 </template>
		 
		<template #right v-if="isRight">
			<slot name="right" />
		 </template>
		</van-nav-bar>
	</div>
</template>
<script>
/* 
	@middleTop: 标题，类型为字符串，默认值为：标题
	@isLeft: 是否显示左侧按钮，类型为布尔值，默认值为：false
	@isRight: 是否显示右侧按钮，类型为布尔值，默认值为：false
*/
	export default {
		props: {
			middleTop: {
				type: String,
				default: '标题'
			},
			isLeft: {
				type: Boolean,
				default: false
			},
			isRight: {
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.login-top{
		/deep/ .van-nav-bar{
			.van-nav-bar__content{
				height: 50px;
				.van-nav-bar__right{
					font-size: 13px;
				}
			}
		}
	}
</style>